페이지에 대해 무한 스크롤을하려고하는데 페이지 하단에 있는지 테스트하는 조건이 Chrome에서 제대로 작동하지 않습니다. Chrome에서이 경고는 하단에 도달 할 때가 아니라 페이지 상단에 트리거되는 것 같습니다. 그래도 IE11에서는 올바르게 작동합니다.
Chrome에서 $ (document) .height ()는 0입니다. 중요한 경우 내 페이지 상단에 html이 있습니다.
이상하게도 Chrome의 jsfiddle 내에서 완벽하게 작동하는 다른 예에서 이것을 가져 왔습니다. http://jsfiddle.net/nick_craver/gWD66/
$ (window) .scroll (function () {
if ($ (window) .scrollTop () + $ (window) .height () == $ (document) .height ()) {
alert ( "테스트");
}
}
}
2021-02-15 08:20:35
페이지에는 어떤 종류의 CSS가 적용됩니까? $ (document) .height ()를 $ (window) .scrollTop () 및 $ (window) .height ()의 조합보다 더 크게 만드는 패딩 또는 여백 일 수 있습니다. 다음 코드는 실제로 if () 기준을 충족하는지 확인하는 데 도움이됩니다.
어떤 버전의 jQuery를 사용하고 있습니까?
$ (window) .scroll (function () {
var scrollPosition = $ (window) .scrollTop () + $ (window) .height ();
var bodyHeight = $ (문서) .height ();
$ ( "# scrollIndex"). html (scrollPosition + "/"+ bodyHeight);
if (scrollPosition == bodyHeight) {
$ ( "# scrollIndex"). html ( "하단!");
$ ( 'body'). height (bodyHeight + 200 + "px");
}
});
몸{
높이 : 2000px;
}
#scrollIndex {
위치 : 고정;
top : 0px;
오른쪽 : 0px;
}